import React from 'react';
import { ImageBackground, StyleSheet, Text, View } from 'react-native';

const image = { uri: 'https://zh-hans.reactjs.org/logo-og.png' };
const styles = StyleSheet.create({
	container: {
		flex: 1,
		flexDirection: 'column'
	},
	image: {
		flex: 1,
		resizeMode: 'cover',
		justifyContent: 'center'
	},
	text: {
		color: 'white',
		fontSize: 42,
		fontWeight: 'bold',
		textAlign: 'center',
		backgroundColor: '#000000a0'
	}
});
const ImageBackgroundPage = () => (
	<View style={styles.container}>
		<ImageBackground source={image}
    style={styles.image}
		>
			<Text style={styles.text}>Inside</Text>
		</ImageBackground>
	</View>
);



export default ImageBackgroundPage;
